SF33849
3 jours
Formation Webflow.
Construisez des sites web dynamiques grâce à notre formation Webflow de 3 jours !
Maîtrisez la conception de sites web dynamiques et interactifs avec notre formation complète sur Webflow ! Vous apprendrez à exploiter pleinement les fonctionnalités de cette plateforme : du design responsive à l'intégration de fonctionnalités avancées sans passer par le codage.
Programme de formation Webflow.
PDFDécouverte de Webflow
Fonctionnalités et avantages
Environnement de travail de base de Webflow
Gestion des projets et organisation des travaux
Configuration de base et gestion des comptes
Notions d’UX, d’UI, et d’IxD
Notions importantes : SEO, Responsive Design, ergonomie
Création d’un compte sur Webflow
Exemple de cas pratiques : analyse d’un site existant pour comprendre les aspects UX, UI et IxD
Exemple de cas pratiques : conception d’une maquette de page responsive pour différents appareils
Interface de Webflow
Interface utilisateur et navigation
Panneaux et outils de design
Personnalisation des espaces de travail et des raccourcis
Modes de vue et prévisualisation
Bibliothèques et modèles
Exemple de cas pratiques : conception d’une maquette de site web avec les outils de design de Webflow
Exemple de cas pratiques : création et utilisation de modèles pour différents types de projets
Exemples de cas pratiques : personnalisation de l’interface utilisateur pour une meilleure productivité
Structure d’une page web
Bonnes pratiques de design pour une page d’accueil
Structure basique de page
Étude typographique et sémantique
Étude des Call-to-action
Gestion des médias
Animations et effets parallax
Optimisation de la navigation et de l’expérience utilisateur
Formulaires interactifs
Techniques avancées de design responsif
Exemple de cas pratiques : conception d’une page d’accueil avec un design attrayant et une navigation fluide
Exemple de cas pratiques : structuration d’une page et implémentation des call-to-action
Exemple de cas pratiques : gestion et intégration de médias, d’animations et d’effets parallax
Création de votre premier site web
Création d’un projet Webflow de base
Mise en place de la structure du site
Gestion des pages et des sections principales
Ajout et édition des éléments de base : texte, images, liens
Interactions et animations simples
Exemple de cas pratiques : création d’un site web simple et gestion des pages
Réactivité du site
Principes du design responsive
Ajustement pour une compatibilité multi-appareils
Réactivité du pied de page
Animation du menu au défilement
Ajout d’interaction
Mises en page flexibles et adaptables
Gestion des interactions spécifiques à chaque appareil
Exemple de cas pratiques : animation du menu lors du défilement pour une navigation fluide
Exemple de cas pratiques : création de mises en page flexibles s’adaptant à différentes tailles d’écrans
Optimisation
Performances du site
Maximiser la vitesse de chargement
Gestion et réduction de la taille des fichiers pour une meilleure efficacité
Utilisation des meilleures pratiques pour une accessibilité optimale
Fonctionnement du référencement Google
Structuration du menu principal
Méthodologie des contenus textuels
Utilisation et optimisation des médias
Stratégies de mots-clés
Techniques de copywriting
Exemple de cas pratiques : rédaction de contenus optimisés avec des mots-clés pertinents et en suivant les stratégies SEO pour améliorer le référencement
Webflow CMS (Content Management System)
Définition et avantage d’un CMS
Collections et types de contenu
Structure du CMS
Page d’accueil de CMS
Création de collections et de champs personnalisés
Utilisation des collections pour dynamiser le contenu du site
Filtres et options d’affichage
Exemple de cas pratiques : utilisation du Webflow CMS pour le site web
Publication et paramétrage du site sur le Web
Processus de publication : hébergement et domaines
Gestion des mises à jour, des sauvegardes et des plans de reprise après sinistre
Sécurisation du site : SSL, authentification, et protection contre les menaces
Outils analytiques pour le suivi des performances en ligne
Paramétrage avancé : gestion des données utilisateurs, politiques de confidentialité, notifications et alertes de sécurité
Exemple de cas pratiques : suivi des performances du site en utilisant des outils d’analyse pour améliorer la qualité et l’expérience utilisateur
Exemple de cas pratiques : configuration et intégration d’outils analytiques comme Google Analytics pour le suivi du trafic et des performances
Nos autres formations en Analyse, conception et méthodes de développement .
Formation Accessibilité numérique, sensibilisation
Formation Adobe XD
Formation Agile Business Analyst – Approfondissement
Formation Agile Business Analyst – Sensibilisation
Formation AirTable
Formation Algorithmique : initiation
A travers sa Charte Engagement Qualité, Sparks s’engage à tout mettre en œuvre pour que chaque session de formation soit un succès et que votre satisfaction soit totale.
En apprendre davantage sur Webflow.
Webflow est une plateforme de création de sites web qui ne nécessite aucune compétence en codage. Il offre une interface intuitive et des fonctionnalités avancées, permettant la conception de sites web dynamiques, responsives et hautement interactifs. Grâce à son éditeur visuel puissant, Webflow permet la création de mises en page complexes et esthétiques, tout en offrant la possibilité d’ajouter des animations et des interactions sans avoir à écrire une seule ligne de code. Cette plateforme convient aussi bien aux débutants qu’aux professionnels, offrant un moyen efficace de concevoir des sites web professionnels répondant aux normes les plus élevées du marché actuel.
